<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>订单详情</title>
<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<link rel="stylesheet" href="statics/css/bootstrap.css">
		<link rel="stylesheet" href="statics/css/bootstrap-datetimepicker.css">
		<script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js"></script>
		<script type="text/javascript" src="statics/js/jquery.js"></script>
		<script type="text/javascript" src="statics/js/popper.min.js"></script>
		<script type="text/javascript" src="statics/js/bootstrap.js"></script>
		<script type="text/javascript" src="statics/js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="statics/js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript">
			$(function(){
			var hidden = $("#hidden").val();
			if(hidden=="hidden"){
			    $("#edit").attr("hidden","hidden");
                $("#save").attr("hidden","hidden");
			}
		$("#edit").click(function(){
		$("#save").removeAttr("disabled");
        $("#totalPrice").removeAttr("readonly");
        $("#customerCardId").removeAttr("readonly");
        $("#customerName").removeAttr("readonly");
        $("#customerTel").removeAttr("readonly");
        $("#customerAddress").removeAttr("readonly");
        $("#brand").removeAttr("readonly");
        $("#series").removeAttr("readonly");
        $("#model").removeAttr("readonly");
        $("#configure").removeAttr("readonly");
        $("#color").removeAttr("readonly");
        $("#price").removeAttr("readonly");
        $("#vin").removeAttr("readonly");
        $("#sex").removeAttr("readonly");
				})
			})
       
    function save(){
        $("#saveOrderForm").submit();
    }
</script>
</head>
<body>
<div class="container">
	<form action="changeOrderSheet" method="post" id="saveOrderForm">
	<h4 class="page-header">订单详情</h4>
	<div class="form-inline">
		<input type="hidden" id="hidden" value="${hidden}">
		<button type="button" id="edit" class="btn btn-info">编辑</button>
		<button disabled="disabled" id="save" onclick="javascript.save()" class="btn btn-info">保存</button>
	</div>
	<h5 class="page-header">订单信息</h5>
	<div class="form-inline">
		<label for="orderSheetId">订单单号*</label>
		<input type="text" name="orderSheetId" id="orderSheetId" value="${orderSheetVO.orderSheetId}" readonly="readonly"/>
		<label for="minopeningTime">订单日期*</label>
		<input type="text" name="minopeningTime" id="minopeningTime" value="${orderSheetVO.minopeningTime}" readonly="readonly"/>
		<label for="totalPrice">订单金额</label>
		<input type="text" name="totalPrice" id="totalPrice" value="${orderSheetVO.totalPrice}" readonly="readonly"/>
		</div>
	<div class="form-inline">
		<label for="orderState">订单状态*</label>
		<input type="text" name="orderState" id="orderState" value="${orderSheetVO.orderState}" readonly="readonly"/>	
	</div>
	<h5 class="page-header">客户信息</h5>
	<div class="form-inline">
		<label for="customerName">客户姓名</label>
		<input type="text" name="customerName" id="customerName" value="${orderSheetVO.customerName}" readonly="readonly"/>
		<label for="sex">客户性别</label>
		<input type="text" name="sex" id="sex" value="${orderSheetVO.sex}" readonly="readonly"/>
		<label for="customerCardId">身份证号</label>
		<input type="text" name="customerCardId" id="customerCardId" value="${orderSheetVO.customerCardId}" readonly="readonly"/>
	</div>
	<div class="form-inline">
		<label for="customerTel">联系方式</label>
		<input type="text" name="customerTel" id="customerTel" value="${orderSheetVO.customerTel}" readonly="readonly"/>
	    <label for="customerAddress">家庭住址</label>
		<input type="text" name="customerAddress" id="customerAddress" value="${orderSheetVO.customerAddress}" readonly="readonly"/>
	</div>
	<h5 class="page-header">车辆信息</h5>
	<div class="form-inline">
		<label for="brand">汽车品牌</label>
		<input type="text" name="brand" id="brand" value="${orderSheetVO.brand}" readonly="readonly"/>
		<label for="series">车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系</label>
		<input type="text" name="series" id="series" value="${orderSheetVO.series}" readonly="readonly"/>
		<label for="model">车&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型</label>
		<input type="text" name="model" id="model" value="${orderSheetVO.model}" readonly="readonly"/>
		
	</div>
	<div class="form-inline">
		<label for="configure">车辆配置</label>
		<input type="text" name="configure" id="configure" value="${orderSheetVO.configure}" readonly="readonly"/>
		<label for="color">汽车颜色</label>
		<input type="text" name="color" id="color" value="${orderSheetVO.color}" readonly="readonly"/>
		<label for="price">汽车价格</label>
		<input type="text" name="price" id="price" value="${orderSheetVO.price}" readonly="readonly"/>
	</div>
	<div class="form-inline">
		<label for="vin">V&nbsp;&nbsp;I&nbsp;&nbsp;N&nbsp;&nbsp;&nbsp;&nbsp;</label>
		<input type="text" name="vin" id="vin" value="${orderSheetVO.vin}" readonly="readonly"/>
	</div>
	</form>
</div>
</body>
</html>